//定制请求的实例
import { useTokenStore } from '@/stores/token.js'
import { ElMessage } from 'element-plus'  // 添加这行引入
//导入axios  npm install axios
import axios from 'axios';
//定义一个变量,记录公共的前缀  ,  baseURL
// const baseURL = 'http://localhost:8080';
const baseURL = '/api';
const instance = axios.create({ baseURL })

//添加路由，处理未登录拦截
import router from '@/router/index.js';

//添加请求拦截器
instance.interceptors.request.use(
  config => {
    //在发送请求之前做些什么
    //添加token
    let tokenStore = useTokenStore();
    if (tokenStore.token) {
      // 如果有token,添加token
      config.headers.Authorization = tokenStore.token;
    }
    return config;
  },
  error => {
    //对请求错误做些什么
    return Promise.reject(error);
  }
)

//添加响应拦截器
instance.interceptors.response.use(
  result => {
    //判断业务状态码
    if (result.data.code !== 0) {
      ElMessage.error(result.data.message || '请求失败,请稍后再试!');//提示错误消息
      return Promise.reject(result.data);//异步的状态转化成失败的状态
    }
    return result.data;
  },
  err => {
    // alert('服务异常');
    // 判断响应状态码，如果为 401，则证明未登录，提示请登录，并跳转到登陆界面
    if (err.response.status === 401) {
      // 跳转到登录页面
      ElMessage.error('请先登录!');
      router.push('/login');
    } else {
      ElMessage.error('服务异常');
    }
    return Promise.reject(err);//异步的状态转化成失败的状态
  }
)

export default instance;
